<!--
 * @Descripttion: 
 * @version: 1.0.0
 * @Author: 孙立政
 * @Date: 2021-12-15 15:27:31
 * @LastEditors: 孙立政
 * @LastEditTime: 2021-12-15 15:36:01
-->
<template>
  <div class="banner">
    <Swipe class="my-swipe" :autoplay="3000">
      <SwipeItem v-for="(image, index) in images" :key="index">
        <img class="banner-img" :src="image.url" />
      </SwipeItem>
    </Swipe>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import { Swipe, SwipeItem } from 'vant'

interface Arry {
  url: string
}

const images: Arry[] = [
  {
    url: 'https://diandi-app.oss-cn-hangzhou.aliyuncs.com/appV3/home/sc/banner.png',
  },
]
</script>

<style lang="scss" scoped>
.banner {
  width: 710px;
  height: 188px;
  margin: 0 auto;
  .my-swipe {
    height: 188px;
  }
  .banner-img {
    width: 710px;
    height: 188px;
  }
}
</style>
